<!DOCTYPE html>
<html>
<head>
  <!-- 编码 万国码-->
  <meta charset="utf-8">
  <!-- 让IE浏览器运行最新的渲染模式下，让页面在每个被支持的 IE 版本中拥有最好的绘制效果。-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 让部分国产浏览器默认采用高速模式渲染页面，目前只有360浏览器支持此 <meta> 标签。 -->
  <meta name="renderer" content="webkit">
  <!-- 移动端视口，让页面适应不同的设备界面-->
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <!-- viewport  视口  有多个属性-->
  <!-- width=device-width  宽度为设备宽度，也可以设置一个固定的值-->
  <!-- device-width   设备的宽度 -->
  <!-- height的设置也是一样 -->
  <!-- 所有的缩放值必须在0.01-10的范围内。 -->
  <!-- initial-scale   初始缩放比例-->
  <!-- maximum-scale   最大缩放比例-->
  <!-- minimum-scale   最小缩放比例-->
  <!-- user-scale      用户是否可调整缩放（值为yes或no）-->
  <title>自适应页面</title>
  <!-- bootstrap文件架构 -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <!--网络图标字体引入-->
  <link rel="stylesheet" type="text/css" href="css/fafont.css"/>
  <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<!--top区域 -->
<div class="container-fluid top">
	 <div class="row">
	 	 <div class="col-md-12 text-center">
	 	 	<a href=""><img  src="images/logo.png" alt="" /></a>
	 	 </div>
	 </div>
</div>
<!--导航条部分-->
<nav class="navbar" style="margin-bottom: 0px;">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header  text-center">
      <button id="leader_hide" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <!--链接部分-->
    <div class="collapse navbar-collapse"  id="bs-example-navbar-collapse-1">
      <!-- 分类列表部分 ， 使用行内样式替换之前默认的样式-->
      <ul id="leader_list" style="float: none;width:100%;text-align: center;" class="nav navbar-nav center-block">
         <li class="active"><a href="#" class="shouye">首页</a></li>
         <li><a href="#" >后盾论坛</a></li>            
		 <li><a href="#" >快捷手册</a></li> 
		 <li><a href="#" >中文文档</a></li>  
		 <li><a href="#" >下载</a></li> 
		 <li><a href="#" >关于</a></li> 
      </ul>
    </div>
  </div>
</nav>
<!--内容部分-->
<div class="container-fluid content">
	<div class="container">
		<div class="row">
			<!--内容部分-->
			<main class="col-md-8">
				<article>
					<h1><a href="">HDCMS 2.0（最新版）正式发布</a></h1>
					<div class="info">
						<span>作者：<a href="">向军</a></span>
						<time> · 2015年9月7日</time>
					</div>
					<br />
					<div class="arti"><p>HDCMS 2.0（最新版）马上正式发布了！经过后盾网研发组近几个月的不懈努力，最新版本不仅具有CMS功能，用户还可以自主定制微官网的页面，此外该版本中具有商城开发的功能，可以迅速便捷的开发一个大型商城，大大缩短了开发周期。</p></div>
					<br />
					<div class="read"><a href="" class="btn btn-default">阅读全文</a></div>
					<footer><i class="fa fa-folder-open-o"></i>&nbsp;&nbsp;<a href="">HDCMS</a>&nbsp;,&nbsp;<a href="">新版本发布</a>&nbsp;,&nbsp;<a href="">HDCMS 2.0 版本</a></footer>
				</article>
				
				<article>
					<h1><a href="">我们的微视频上映啦！</a></h1>
					<div class="info">
						<span>作者：<a href="">公爵</a></span>
						<time> · 2015年9月7日</time>
					</div>
					<br />
					<div class="arti"><p>我们的微视频上映啦！由后盾网工作人员潜心创作的反映程序员们日常工作和生活状态的搞笑微视频终于成功首发，嬉笑玩闹，善意挖苦，每周乐不停。欢迎登陆我们的网址www.houdunwang.com。</p></div>
					<br />
					<div class="read"><a href="" class="btn btn-default">阅读全文</a></div>
					<footer><i class="fa fa-folder-open-o"></i>&nbsp;&nbsp;<a href="">HDCMS</a>&nbsp;,&nbsp;<a href="">新版本发布</a>&nbsp;,&nbsp;<a href="">HDCMS 2.0 版本</a></footer>
				</article>
				
				<article>
					<h1><a href="">HDCMS 2.0 中 微官网模块成亮点</a></h1>
					<div class="info">
						<span>作者：<a href="">公爵</a></span>
						<time> · 2015年9月7日</time>
					</div>
					<br />
					<div class="arti"><p>微信是一个非常大的平台，在人们交友聊天的同时，很多人加入了微商的大军，利用微信进行产品的营销，也有很多企业在微信中建立了自己的网站，利用网站来宣传自己，营销自己。不知不觉我们已经进入一个微时代。在HDCMS中，我们不仅限于支持普通的内容管理，而且我们还增加了一个模块，用户可以自主建立微官网。</p></div>
					<br />
					<div class="read"><a href="" class="btn btn-default">阅读全文</a></div>
					<footer><i class="fa fa-folder-open-o"></i>&nbsp;&nbsp;<a href="">HDCMS</a>&nbsp;,&nbsp;<a href="">新版本发布</a>&nbsp;,&nbsp;<a href="">HDCMS 2.0 版本</a></footer>
				</article>
            </main>
            <!--右侧边栏-->
			<aside class="col-md-4 hidden-sm hidden-xs">
				<div class="shequ">
					<h3>社区</h3>
					<p>QQ：2781400417</p>
					<p><a href=""><i class="fa fa-comments"></i> 问答社区</a></p>
					<p><a href=""><i class="fa fa-weibo"></i> 官方微博</a></p>
				</div>			
				<div class="download">
					<h3>下载 HDCMS 2.0</h3>
					<br />
					<div class="btn btn-default">HDCMS 2.0（最新版）</div>
				</div>
				<div class="tags">
					<h3>标签云</h3>
					<p>						                   
						<a href="">HDCMS</a>
						<a href="">新版本发布</a>
						<a href="">JavaScript</a>
						<a href="">Promise</a>
						<a href="">主题</a>
						<a href="">MySQL</a>
						<a href="">Node.js</a>
						<a href="">深度玩转</a>
						<a href="">HDCMS</a>
						<a href="">Ubuntu</a>
						<a href="">阿里云服务器</a>
						<a href="">Nginx</a>
						<a href="">BAE</a>
						<a href="">Theme</a>
						<a href="">HDCMS0.7 版本</a>
						<a href="">上传</a>
						<a href="">助手函数</a>
						<a href="">自定义页面</a>
						<a href="">静态页面</a>
						<a href="">...</a>
					</p>
				</div>
			</aside>
		</div>
	</div>
</div>
<footer class="footer">
	<div class="container">
	     <div class="row">
	      	  <div class="col-sm-4 col-md-4 foot_new">
			        <h3>最新文章</h3>
			        <p>
			        		<a href="">HDCMS 2.0 正式发布</a>
			        		<span>September 7, 2015</span>
			        </p>
			        <p>
			        		<a href="">HDCMS 2.0 中 微官网功能的使用</a>
			        		<span>August 29, 2015</span>
			        </p>
			        <p>
			        		<a href="">HDCMS 2.0 即将发布，高清大图提前看</a>
			        		<span>August 23, 2015</span>
			        </p>
	      	  </div>
	      	  <div class="col-sm-4 col-md-4 foot_tag">
					<h3>标签云</h3>
					<p>						                   
						<a href="">HDCMS</a>
						<a href="">新版本发布</a>
						<a href="">JavaScript</a>
						<a href="">Promise</a>
						<a href="">主题</a>
						<a href="">MySQL</a>
						<a href="">Node.js</a>
						<a href="">深度玩转</a>
						<a href="">HDCMS</a>
						<a href="">Ubuntu</a>
						<a href="">阿里云服务器</a>
						<a href="">Nginx</a>
						<a href="">BAE</a>
						<a href="">Theme</a>
						<a href="">HDCMS 2.0 版本</a>
						<a href="">上传</a>
						<a href="">...</a>
					</p>
	      	  </div> 
	      	  <div class="col-sm-4 col-md-4 foot_par">
					<h3>合作伙伴</h3><a href=""></a><a href=""></a><a href=""></a><a href=""></a>
					<p>
						<a href="">Bootstrap中文网</a>   
						<a href="">快学网</a>
						<a href="">一元课堂</a>					
  					</p>
					<p>
						<a href="">阿里云</a>
					</p>
					<p class="par_last">
						<a href="">学习社区</a>
						<a href="">后盾网</a>
					    <a href="">IT</a>
					</p>
	      	  </div> 
	     </div>
	</div>
</footer>
<!--copyright部分------------------------------------------------------------>
<div class="copyright">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				 <span>Copyright © 2010-2015&nbsp;&nbsp;<a href="">houdunwang.com </a>&nbsp;&nbsp;All Rights Reserved&nbsp;&nbsp;<a href="">京ICP备12048441号-3</a></span>
			</div>
		</div>
	</div>
</div>

</body>
</html>














